<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<!--
 * Created on Oct 30, 2007
 * @author Aaron Johnson
-->
 <head>
  <title>aaolSys -- <?=$title;?></title>
  <link rel="stylesheet" type="text/css" href="<?=base_url();?>resources/css/style.css" />
  <script type="text/javascript">
	var lastShown = '';
	var over = false;
	var timerID = 0;
	function hideMe() {
		if (timerID != 0) {
			clearTimeout(timerID);
			timerID = 0;
		}
		
		if (timerID == 0) {timerID = setTimeout("hideIt()", 1000);}
			
	}

	function hideIt() {
		if (over == true) {
			lastShown.style.visibility = 'hidden';
			over = false;
			clearTimeout(timerID);
		}
	}
	function showMe(m, p) {
		if (timerID != 0) {
			clearTimeout(timerID);
			timerID = 0;
		}

		over = true;
		if (p >= 0) {m.style.left = p;}
		
		if (lastShown != '') {lastShown.style.visibility = 'hidden';}
		m.style.visibility = 'visible';
		lastShown = m;
	}
  </script>
 </head>
 <body background="<?=base_url();?>resources/images/background_main.gif">
<table align="center" width="720" border="1" bgcolor="white">
 <tr height="150"><!-- logo and page name -->
  <td rowspan="2"><a href="<?=base_url();?>index.php/birthmothers"><img src="<?=base_url();?>resources/images/logo.jpg" border="0"></a></td>
  <td><font size="+3">&nbsp;&nbsp;<?=$title;?></font></td>
 </tr>
 <tr height="50"><!-- menu w/ links -->
	  <td>		<div class='menuContainer'>
		<span class='menu' style='left:0px;'><a href='#' style='text-decoration:none;'>myHome</a></span>
		<span class='menu' style='width:95px; left:50px;' onMouseOver='showMe(bmMenu, 50)' onMouseOut='hideMe(bmMenu)'><cente>Birthmothers</center></span>
		<span class='menu' style='width:95px; left:145px;' onMouseOver='showMe(afMenu, 50)' onMouseOut='hideMe(afMenu)'><centr>Adoptive Families</center></span>
		<span class='menu' style='width:95px; left:230px;' onMouseOver='showMe(empMenu, 50)' onMouseOut='hideMe(empMenu)'><cener>Employees</center></span>
		<span class='menu' style='width:95px; left:325px;' onMouseOver='showMe(sysMenu, 50)' onMouseOut='hideMe(sysMenu)'><cener>System</center></span>
		<span class='menu' style='left:420px;'><a href='#' style='text-decoration:none;'>Logout</a></span>
	  
		<table class='menuItem' id='afMenu' onMouseOver='showMe(this, -1)' onMouseOut='hideMe()'>
		  <tr><td onMouseOver='this.style.backgroundColor="#8652A4";' onMouseOut='this.style.backgroundColor=""'><a href='http://www.megaplextheatres.com/nowshowingdetail.php?th_code=4' style='color:#FFFFFF;'>Megaplex 13 at The Junction</a></td></tr>
		</table>
	  </div></td>
 </tr>
 <tr>
	<td colspan="2" valign="top">
		<table align="center" width="700">
			<tr><td height="10"></td></tr>
			<tr>
				<td valign="top">
				
	<!-- Page Content Starts Here -->
	